<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>MyLink 客服系统</title>
	<meta name="keywords" content="mylink客服系统,php客服系统,thinkphp5 客服系统,swoole客服,mylink,layim客服系统,laychat,ichat,客服系统源码,php客服源码">
	<meta name="description" content="mylink是一款通过thinkphp5和swoole开发的客服系统，您只需要添加一段简单的js 代码，就可以使您的网站拥有客服功能。">
	<meta name="author" content="爱是西瓜">
	<!--<link rel="apple-touch-icon" sizes="57x57" href="favicons/apple-touch-icon-57x57.png">-->
	<!--<link rel="apple-touch-icon" sizes="60x60" href="favicons/apple-touch-icon-60x60.png">-->
	<!--<link rel="apple-touch-icon" sizes="72x72" href="favicons/apple-touch-icon-72x72.png">-->
	<!--<link rel="apple-touch-icon" sizes="76x76" href="favicons/apple-touch-icon-76x76.png">-->
	<!--<link rel="apple-touch-icon" sizes="114x114" href="favicons/apple-touch-icon-114x114.png">-->
	<!--<link rel="apple-touch-icon" sizes="120x120" href="favicons/apple-touch-icon-120x120.png">-->
	<!--<link rel="apple-touch-icon" sizes="144x144" href="favicons/apple-touch-icon-144x144.png">-->
	<!--<link rel="apple-touch-icon" sizes="152x152" href="favicons/apple-touch-icon-152x152.png">-->
	<!--<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon-180x180.png">-->
	<!--<link rel="icon" type="image/png" href="favicons/favicon-32x32.png" sizes="32x32">-->
	<!--<link rel="icon" type="image/png" href="favicons/favicon-194x194.png" sizes="194x194">-->
	<!--<link rel="icon" type="image/png" href="favicons/favicon-96x96.png" sizes="96x96">-->
	<!--<link rel="icon" type="image/png" href="favicons/android-chrome-192x192.png" sizes="192x192">-->
	<!--<link rel="icon" type="image/png" href="favicons/favicon-16x16.png" sizes="16x16">-->
	<!--<link rel="manifest" href="/manifest.json">-->
	<!--<link rel="shortcut icon" href="/favicon.ico">-->
	<meta name="msapplication-TileColor" content="#603cba">
	<meta name="msapplication-TileImage" content="favicons/mstile-144x144.png">
	<meta name="msapplication-config" content="favicons/browserconfig.xml">
	<meta name="theme-color" content="#ffffff">
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="fonts/font-awesome-4.3.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="css/all.css">
	<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
	<style>
		.links p a{ margin-bottom: 5px; }

		@media only screen and (max-width: 479px){
			.visual h1 {
				font-size: 3.4rem;
			}
			.visual p.tagline {
				font-size: 1.8rem;
			}
			.visual .info {
				font-size: 1.6rem;
			}

		}

	</style>
</head>
<body>


<div id="wrapper">
		<header id="header">
			<div class="container">
				<div class="logo"><a href="#"><img src="images/logo.png" width="100%" alt="FORKIO"></a></div>
				<nav id="nav">
					<div class="opener-holder">
						<a href="#" class="nav-opener"><span></span></a>
					</div>
					<a href="http://tpshop.mbku.net/Home/Goods/goodsInfo/id/46.html?source=mylink" target="_blank" class="btn btn-primary rounded">立即体验</a>
					<div class="nav-drop">
						<ul>
							<li class="active visible-sm visible-xs"><a href="#">首页</a></li>
							<li><a href="#">概述</a></li>
							<li><a href="#">关于</a></li>
							<li><a href="#">授权</a></li>
							<li><a href="#">支持</a></li>
						</ul>
						<div class="drop-holder visible-sm visible-xs">
							<span>关注我们</span>
							<ul class="social-networks">
								<li><a class="fa fa-github" href="#"></a></li>
								<li><a class="fa fa-twitter" href="#"></a></li>
								<li><a class="fa fa-facebook" href="#"></a></li>
							</ul>
						</div>
					</div>
				</nav>
			</div>
		</header>
	<section class="visual">
		<div class="container">
			<div class="text-block">
				<div class="heading-holder">
					<h1>MyLink 客服系统</h1>
				</div>
				<p class="tagline">您只需要添加一段简单的js 代码，就可以使您的网站拥有客服功能 </p>
				<span class="info">完全开源，随心所“遇”</span>
			</div>
		</div>
		<img src="images/img-decor-01.jpg" alt="" class="bg-stretch">
	</section>
	<section class="main">
		<div class="container">
			<div id="cta">
				<a href="https://gitee.com/mbku/mylink" class="btn btn-primary rounded">现在免费下载</a>
				<p>需要技术支持请购买付费版</p>
			</div>
			<div class="row">
				<div class="text-box col-md-offset-1 col-md-10">
					<h2>MyLink 如此强大</h2>
					<p>mylink是一款通过thinkphp5和swoole开发的客服系统，您只需要添加一段简单的js 代码，就可以使您的网站拥有客服功能。</p>
					<div class="social-placeholder" style="display: none;"><img src="images/img-social-placeholder-01.png" height="26" width="365" alt=""></div>
				</div>
			</div>
		</div>
	</section>
	<section class="area">
		<div class="container">
			<div class="row">
				<div class="col-md-5">
					<h2 class="visible-xs visible-sm text-primary">&lt;这是你得到的&gt;</h2>
					<ul class="visual-list">
						<li>
							<div class="img-holder">
								<img src="images/graph-04.svg" width="110" alt="">
							</div>
							<div class="text-holder">
								<h3>支持访客追踪</h3>
								<p>可以知道你的客户是哪里联系您的，他咨询的产品或订单信息。</p>
							</div>
						</li>
						<li>
							<div class="img-holder">
								<img class="pull-left" src="images/graph-03.svg" width="90" alt="">
							</div>
							<div class="text-holder">
								<h3>用世界上最好的语言编写</h3>
								<p>系统采用 thinkphp5 + swoole 编写，性能强悍，完全满足您的企业咨询需求。</p>
							</div>
						</li>
						<li>
							<div class="img-holder">
								<img src="images/graph-02.svg" height="84" alt="">
							</div>
							<div class="text-holder">
								<h3>提供源码，随心所欲</h3>
								<p>您不需为购买的客服坐席到期而烦恼，也无需为您的数据安全担心。自己搭建，控制在自己 </p>
							</div>
						</li>
						<li>
							<div class="img-holder">
								<img src="images/graph-01.svg" height="71" alt="">
							</div>
							<div class="text-holder">
								<h3>整合简单，快速部署</h3>
								<p>您只需要一段js便可以使您的网站拥有客服功能，为您的会员提供最优服务。</p>
							</div>
						</li>
					</ul>
				</div>
				<div class="col-md-7">
					<div class="slide-holder">
						<h2 class="hidden-xs hidden-sm text-primary">&lt;这是你得到的&gt;</h2>
						<div class="img-slide scroll-trigger"><img src="images/img-01.png" height="624" width="1184" alt=""></div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="main">
		<div class="container">
			<div class="block-holder">
				<div class="block-frame">
					<div class="cycle-gallery">
						<div class="mask">
							<div class="slideset">
								<div class="slide">
									<div class="img-box">
										<div class="img-holder"><img src="images/ztlong2.jpg" height="85" width="85" alt=""></div>
										<div class="text-holder">
											<h3>爱是西瓜</h3>
											<a href="#">@ztlong2</a>
										</div>
									</div>
									<p>项目负责人</p>
									<em class="date">主要负责项目研发与规划以及核心程序开发</em>
								</div>

							</div>
						</div>
						<a class="btn-prev" href="#"><i class="glyphicon glyphicon-menu-left"></i></a>
						<a class="btn-next" href="#"><i class="glyphicon glyphicon-menu-right"></i></a>
					</div>
				</div>
				<div class="block-frame">
					<ul class="cta-list">
						<li>
							<a href="https://gitee.com/mbku/mylink" target="_blank" class="btn btn-default"><i class="fa fa-github"></i> 码云</a>
							<p>20 关注</p>
						</li>
						<li>
							<a href="javascript:alert('暂未开放');" target="_blank" class="btn btn-info"><i class="fa fa-weibo"></i> 微博</a>
							<p>0 关注</p>
						</li>
						<li>
							<a href="javascript:alert('暂未开放');" target="_blank" class="btn btn-blue"><i class="fa fa-weixin"></i> 微信</a>
							<p>0 关注</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</section>

	<section class="visual-container">

		<div class="visual-area">
			<div class="container">
				<h2>支持多种授权方式</h2>
				<div class="pricing-tables">

		            <div class="plan">
		                <div class="head">
		                    <h3>免费版</h3> </div>
		                <div class="price">
		                    <span class="price-main"><span class="symbol">$</span>免费</span>
		                    <span class="price-additional">永久</span>
		                </div>
		                    <ul class="item-list">
		                       <li>授权证书</li>
		                       <li>技术支持</li>
		                    </ul>
		                <button type="button" class="btn btn-default rounded">授权</button>
		            </div>
		            <div class="plan recommended">
		                <div class="head">
		                    <h3>付费版</h3> </div>
		                <div class="price">
		                    <span class="price-main"><span class="symbol">$</span>待定</span>
		                    <span class="price-additional">永久</span>
		                </div>
		                    <ul class="item-list">
		                        <li>授权证书</li>
		                        <li>技术支持</li>
								<li>辅助接入</li>
		                    </ul>
		                <button type="button" class="btn btn-default rounded">授权</button>
		            </div>
		            <div class="plan">
		                <div class="head">
		                    <h3>高级版</h3> </div>
		                <div class="price">
		                    <span class="price-main"><span class="symbol">$</span>待定</span>
		                    <span class="price-additional">永久</span>
		                </div>
		                <ul class="item-list">
		                    <li>待定</li>
		                </ul>
		                <button type="button" class="btn btn-default rounded">待定</button>
		            </div>
				</div>
				<p class="silent">免费版与付费版源码没有任何区别，我们也不会优先修复付费版，免费版唯一的就是不提供任何技术支持与咨询。<br>
					如果你不懂接入或技术员不会搭建与接入，请购买付费版来获取我们的技术支持。</p>
			</div>
			<img src="images/img-decor-03.jpg" height="1175" width="1380" alt="" class="bg-stretch">
		</div>
	</section>


	<section class="main">
		<div class="container">
			<div class="content">
				<div class="row">
					<div class="col-md-4">

						<h3>使用支付宝-打赏</h3>
						<div class="text-frame">
							<p><img src="images/alipay.png" width="80%" alt="支付宝"></p>
						</div>

					</div>
					<div class="col-md-4">

						<h3>使用微信-打赏</h3>
						<div class="text-frame">
							<p><img src="images/wxpay.png" width="80%" alt="微信"></p>
						</div>

					</div>
					<div class="col-md-4">

						<h3>了解系统功能</h3>

						<p>支持客服分组，多客服服务，让您的服务更有条理。</p>
						<p>支持客服转接，让会员接受最专业的服务。</p>
						<p>智能分配客户流量，让服务更加高效。</p>
						<p>问候语设置，服务更加亲切。</p>
						<p>历史聊天记录查看，方便监管和总结。</p>
						<p>支持数据趋势统计，随时掌握服务情况，做出最优的调整。</p>
						<div class="btn-holder">
						<a href="https://gitee.com/mbku/mylink" target="_blank" class="btn btn-link">查看更多功能</a>
						</div>
					</div>

				</div>
			</div>
		</div>
	</section>

	<footer id="footer">
		<div class="container">
			<div class="footer-holder">
				<div class="row">
					<div class="col-md-4">
						<div class="logo"><a href="#"><img src="images/logo.png" alt="mylink" width="100%"></a></div>
						<p>mylink是一款通过thinkphp5和swoole开发的客服系统</p>
						<p>© Copyright 2018 mylink. All rights reserved.</p>
					</div>
					<div class="col-md-4">
						<div class="text-holder">
							<h4>欢迎加入讨论群</h4>
							<address>QQ群：待定</address>
							<address>QQ群：待定</address>
							<address>QQ群：待定</address>
							<address>QQ群：待定</address>
							<address>QQ群：待定</address>
						</div>
					</div>
					<div class="col-md-4">
						<div class="text-frame links">
							<h4>友情链接</h4>
							<p>
								<a href="http://www.mbku.net" target="_blank" class="btn btn-link">模板下载</a>
								<a href="http://blog.mbku.net" target="_blank" class="btn btn-link">模板库博客</a>
								<a href="https://gitee.com/mbku/mylink" target="_blank" class="btn btn-link">码云源码</a>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>

</div>
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery.main.js"></script>
<script src="plugs/layer/layer.js"></script>
<script type="text/html" id="confirm_tpl">
	<table width="300">
		<thead>
		<tr><td colspan="3">请选择您要体验的角色</td></tr>
		</thead>
		<tbody>
		<tr><td>售前客服</td><td>帐号：ztjzxf</td><td>密码：ztlong2</td></tr>
		<tr><td>售后客服</td><td>帐号：ztlong2</td><td>密码：ztlong2</td></tr>
		</tbody>
	</table>
</script>
<script>
	$(function(){
			$('#nav li a').click(function(){

			    var index = $('#nav li a').index(this);
			    var attr = {0:'body',1:'section.main',2:'section.area',3:'section.visual-container',4:'#footer'};

                $("html,body").animate({scrollTop:$(attr[index]).offset().top},1000);
			    return false;
			});

			$('.logo a').click(function(){
                $("html,body").animate({scrollTop:0},1000);
			    return false;
			});


			$("#nav a.rounded").click(function(){

			    var url = $(this).attr('href');

                //询问框
				var html = $('#confirm_tpl').html();
                layer.confirm(html, {
                    icon: 3,
					title:'提示',
                    btn: ['用户','客服'] //按钮
                }, function(){
                    // location.href = url;
                    window.open(url);
                }, function(){
                    url = "/service/index/index.html";
                    window.open(url);
                });


			    return false;
			});



	});

</script>
<!--百度统计-->
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?9d3673835e0841c33a74ebfb45f0eb34";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>


</body>
</html>